import { ref } from 'vue'
import { defineStore } from 'pinia'

export const useLayoutStore = defineStore('Layout', () => {
  const fullScreen = ref(false)

  const layoutDirection = computed(() => {
    if (!fullScreen.value) return { direction: 'vertical' }
    return { direction: 'horizontal' }
  })

  function setFullScreen(type) {
    fullScreen.value = type
  }

  return { fullScreen, layoutDirection, setFullScreen }
})
